<script setup lang="ts">
import { ref } from "vue";

const evaluationCode = ref("");

const searchCodeClickHandler = () => {};
</script>

<template>
  <div>
    <h3 id="title">专家评估页面</h3>
    <div id="search-bar">
      <div><h3>请输入评估码：</h3></div>
      <el-input
        v-model="evaluationCode"
        placeholder="评估码"
        id="search-code-input"
      ></el-input>
      <el-button @click="searchCodeClickHandler">查询</el-button>
    </div>
  </div>
</template>

<style scoped>
#search-code-input {
  max-width: calc(100% - 100px); /* 通过减少max-width的值来压缩el-input的长度 */
}

#title {
  margin: auto 0;
  text-align: center;
}
</style>
